﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<html class="no-js" lang="">

<head>
    <!-- Meta Data -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Cirkle |新闻源</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="${pageContext.request.contextPath}/static/media/favicon.png">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/icofont/icofont.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/slick-carousel/css/slick.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/slick-carousel/css/slick-theme.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/magnific-popup/css/magnific-popup.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/sal.js/sal.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/mcustomscrollbar/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/dependencies/select2/css/select2.min.css">

    <!-- Site Stylesheet -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/app.css">
    <!-- Google Web Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,400&display=swap" rel="stylesheet">
<style>
    .aacc{
        color: red;
    }
</style>
</head>

<body class="bg-link-water">
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<a href="#wrapper" data-type="section-switch" class="scrollup">
    <i class="icofont-bubble-up"></i>
</a>
<!-- Preloader Start Here -->
<div id="preloader"></div>
<!-- Preloader End Here -->
<div id="wrapper" class="wrapper">
    <!-- Top Header -->
    <%@include file="top.jsp" %>
    <!-- Sidebar Left -->
    <%@include file="left.jsp" %>
    <!-- Sidebar Right -->
    <%@include file="right.jsp" %>
    <!-- Page Content -->
    <div class="page-content">

        <!--=====================================-->
        <!--=        Newsfeed  Area Start       =-->
        <!--=====================================-->
        <div class="container">
            <!-- Banner Area Start -->
            <div class="newsfeed-banner">
                <div class="media">
                    <div class="item-icon">
                        <i class="icofont-megaphone-alt"></i>
                    </div>
                    <div class="media-body">
                        <h3 class="item-title">会员新闻</h3>
                        <p>检查您的朋友最近在忙些什么！</p>
                    </div>
                </div>
                <ul class="animation-img">
                    <li data-sal="slide-down" data-sal-duration="800" data-sal-delay="400"><img src="${pageContext.request.contextPath}/static/media/banner/shape_7.png" alt="shape"></li>
                    <li data-sal="slide-up" data-sal-duration="500"><img src="${pageContext.request.contextPath}/static/media/banner/people_2.png" alt="shape"></li>
                </ul>
            </div>
            <div class="newsfeed-search">
                <ul class="member-list">
                    <li class="active-member">
                        <a href="#">
                                <span class="member-icon">
                                    <i class="icofont-users"></i>
                                </span>
                            <span class="member-text">
                                    好友总数：
                                </span>
                            <c:if test="${firendCount<=9}">
                                <span class="member-count">0${firendCount}</span>
                            </c:if>
                            <c:if test="${firendCount>9}">
                                <span class="member-count">${firendCount}</span>
                            </c:if>
                        </a>
                    </li>
                </ul>
                <ul class="search-list">
                    <li class="search-filter">
                        <button class="drop-btn" type="button">
                            <i class="icofont-abacus-alt"></i>
                        </button>
                        <div class="drop-menu">
                            <select class="select2">
                                <option>--Everything--</option>
                                <option>状态</option>
                                <option>Quotes</option>
                                <option>Photos</option>
                                <option>Videos</option>
                                <option>Audios</option>
                                <option>slideshows</option>
                                <option>files</option>
                                <option>Updates</option>
                                <option>New Members</option>
                                <option>Posts</option>
                                <option>New Groups</option>
                            </select>
                        </div>
                    </li>
                    <li class="search-input">
                        <button class="drop-btn" type="button">
                            <i class="icofont-search"></i>
                        </button>
                        <div class="drop-menu">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="Search....">
                                <div class="input-group-append">
                                    <button class="search-btn" type="button"><i class="icofont-search-1"></i></button>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="row">
                <div class="col-lg-8">
                    <%--添加博客部分，由于观看自己关注人时，并不能发布--%>
                    <%--<div class="block-box post-input-tab">--%>
                        <%--<ul class="nav nav-tabs" role="tablist">--%>
                            <%--<li class="nav-item" role="presentation" data-toggle="tooltip" data-placement="top" title="状态">--%>
                                <%--<a class="nav-link active" data-toggle="tab" href="#post-status" role="tab" aria-selected="true"><i class="icofont-copy"></i>状态</a>--%>
                            <%--</li>--%>
                            <%--<li class="nav-item" role="presentation" data-toggle="tooltip" data-placement="top" title="媒体">--%>
                                <%--<a class="nav-link" data-toggle="tab" href="#post-media" role="tab" aria-selected="false"><i class="icofont-image"></i>照片/视频相册</a>--%>
                            <%--</li>--%>
                            <%--<li class="nav-item" role="presentation" data-toggle="tooltip" data-placement="top" title="博客">--%>
                                <%--<a class="nav-link" data-toggle="tab" href="#post-blog" role="tab" aria-selected="false"><i class="icofont-list"></i>博客</a>--%>
                            <%--</li>--%>
                        <%--</ul>--%>
                        <%--<div class="tab-content">--%>
                            <%--<div class="tab-pane fade show active" id="post-status" role="tabpanel">--%>
                                <%--<textarea name="status-input" id="status-input1" class="form-control textarea" placeholder="Share what are you thinking . . ." cols="30" rows="6"></textarea>--%>
                            <%--</div>--%>
                            <%--<div class="tab-pane fade" id="post-media" role="tabpanel">--%>
                                <%--<!-- <label>Media Gallery</label>--%>
        <%--<a href="#" class="media-insert"><i class="icofont-upload-alt"></i>Upload</a> -->--%>
                                <%--<textarea name="status-input" id="status-input2" class="form-control textarea" placeholder="Share what are you thinking . . ." cols="30" rows="6"></textarea>--%>
                            <%--</div>--%>
                            <%--<div class="tab-pane fade" id="post-blog" role="tabpanel">--%>
                                <%--<textarea name="status-input" id="status-input3" class="form-control textarea" placeholder="Share what are you thinking . . ." cols="30" rows="6"></textarea>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="post-footer">--%>
                            <%--<div class="insert-btn">--%>
                                <%--<a href="#"><i class="icofont-photobucket"></i></a>--%>
                                <%--<a href="#"><i class="icofont-tags"></i></a>--%>
                                <%--<a href="#"><i class="icofont-location-pin"></i></a>--%>
                            <%--</div>--%>
                            <%--<div class="submit-btn">--%>
                                <%--<a href="#">发布提交</a>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</div>--%>

                    <c:if test="${page.curPage<=1}">
                    </c:if>
                    <c:if test="${page.curPage>1}">
                        <div class="block-box load-more-btn">
                            <a href="${pageContext.request.contextPath}/Blog/FilrendBlog?curPage=${page.curPage-1}" class="item-btn"><i class="icofont-refresh"></i>返回上层浏览！</a>
                        </div>
                    </c:if>




                <%--//forEach循环每条博客--%>
                    <c:forEach var="blog" items="${page.rows}">

                    <div class="block-box post-view">
                        <div class="post-header">
                            <div class="media">
                                <div class="user-img">
                                    <img src="${pageContext.request.contextPath}/static/img/${blog.user.uimg}" alt="${blog.user.uname}"  width="44" height="44">
                                </div>
                                <div class="media-body">
                                    <div class="user-title"><a href="${pageContext.request.contextPath}/Directory/user-timeline">${blog.user.uname}</a> <i class="icofont-check"></i> ${blog.user.ublog}  </div>
                                    <ul class="entry-meta">
                                        <li class="meta-privacy"><i class="icofont-world"></i> ${blog.badd}</li>
                                        <li class="meta-time"><fmt:formatDate value="${blog.btime}" pattern="yyyy-MM-dd HH:mm:ss" /></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="dropdown">
                                <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                    ...
                                </button>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a class="dropdown-item" href="#">Close</a>
                                    <a class="dropdown-item" href="#">Edit</a>
                                    <a class="dropdown-item" href="#">Delete</a>
                                </div>
                            </div>
                        </div>
                        <div class="post-body">
                            <p>${blog.btitle}</p>
                            <div class="post-img">
                                <c:if test="${blog.bimg==' '}"></c:if>
                                <c:if test="${blog.bimg!=' '}">
                                    <img src="${pageContext.request.contextPath}/static/img/${blog.bimg}" alt="Post">
                                </c:if>

                            </div>
                            <div class="post-meta-wrap">
                                <div class="post-meta">
                                    <div class="post-reaction">
                                        <div class="reaction-icon">
                                            <c:forEach var="l" items="${blog.likes}">
                                                    <img src="${pageContext.request.contextPath}/static/img/${l.uimg}" alt="icon" width="28" height="28">
                                            </c:forEach>
                                            <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="icon">--%>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="post-footer">
                            <ul>
                                <li class="post-react">
                                    <a href="#">
                                    <c:if test="${blog.likes.size()==0}">
                                        <a href="${pageContext.request.contextPath}/Blog/tjlike?blogid=${blog.bid}"><i class="icofont-thumbs-up aac"></i>点赞!</a>
                                    </c:if>
                                    <c:forEach var="l" items="${blog.likes}" varStatus="s">
                                        <c:if test="${l.uid==sos.uid}">
                                            <a href="${pageContext.request.contextPath}/Blog/dellike?blogid=${blog.bid}"><i class="icofont-thumbs-up aacc"></i>点赞!</a>
                                        </c:if>
                                        <c:if test="${blog.likes.size()==s.index+1}">
                                            <c:if test="${l.uid!=sos.uid}">
                                                <a href="${pageContext.request.contextPath}/Blog/tjlike?blogid=${blog.bid}"><i class="icofont-thumbs-up aac"></i>点赞!</a>
                                            </c:if>
                                        </c:if>
                                    </c:forEach>
                                    <ul class="react-list">
                                        <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="Like"></a></li>
                                        <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>
                                        <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_4.png" alt="Like"></a></li>
                                        <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>
                                        <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_7.png" alt="Like"></a></li>
                                        <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_6.png" alt="Like"></a></li>
                                        <li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_5.png" alt="Like"></a></li>
                                    </ul>
                                </li>
                                <li><a href="#"><i class="icofont-comment"></i>评论</a></li>
                                <li class="post-share">
                                    <a href="javascript:void(0);" class="share-btn"><i class="icofont-share"></i>分享</a>
                                    <ul class="share-list">
                                        <li><a href="#" class="color-fb"><i class="icofont-facebook"></i></a></li>
                                        <li><a href="#" class="color-messenger"><i class="icofont-facebook-messenger"></i></a></li>
                                        <li><a href="#" class="color-instagram"><i class="icofont-instagram"></i></a></li>
                                        <li><a href="#" class="color-whatsapp"><i class="icofont-brand-whatsapp"></i></a></li>
                                        <li><a href="#" class="color-twitter"><i class="icofont-twitter"></i></a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="post-comment">
                            <ul class="comment-list">
                                <c:forEach var="c" items="${blog.comment}">
                                <li class="main-comments">
                                    <div class="each-comment">
                                        <div class="post-header">
                                            <div class="media">
                                                <div class="user-img">
                                                    <img src="${pageContext.request.contextPath}/static/img/${c.uimg}" alt="Aahat" width="40" height="40">
                                                </div>
                                                <div class="media-body">
                                                    <div class="user-title"><a href="/Cirkle_war_exploded/Directory/user-timeline">${c.uname}</a></div>
                                                    <ul class="entry-meta">
                                                        <li class="meta-privacy"><i class="icofont-world"></i>${c.uaddress}</li>
                                                        <li class="meta-time">${c.comment.ctime}</li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="dropdown">
                                                <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                                    ...
                                                </button>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a class="dropdown-item" href="#">Close</a>
                                                    <a class="dropdown-item" href="#">Edit</a>
                                                    <a class="dropdown-item" href="#">Delete</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="post-body">
                                            <p>${c.comment.ccontent}</p>
                                        </div>
                                        <div class="post-footer">
                                            <ul>
                                                <li class="post-react">
                                                    <a href="#"><i class="icofont-thumbs-up"></i>点赞!</a>
                                                    <ul class="react-list">
                                                        <li><a href="#"><img src="/Cirkle_war_exploded/static/media/figure/reaction_1.png" alt="Like"></a></li>
                                                        <li><a href="#"><img src="/Cirkle_war_exploded/static/media/figure/reaction_3.png" alt="Like"></a></li>
                                                        <li><a href="#"><img src="/Cirkle_war_exploded/static/media/figure/reaction_4.png" alt="Like"></a></li>
                                                        <li><a href="#"><img src="/Cirkle_war_exploded/static/media/figure/reaction_2.png" alt="Like"></a></li>
                                                        <li><a href="#"><img src="/Cirkle_war_exploded/static/media/figure/reaction_7.png" alt="Like"></a></li>
                                                        <li><a href="#"><img src="/Cirkle_war_exploded/static/media/figure/reaction_6.png" alt="Like"></a></li>
                                                        <li><a href="#"><img src="/Cirkle_war_exploded/static/media/figure/reaction_5.png" alt="Like"></a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="#"><i class="icofont-reply"></i>回复</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                </c:forEach>
                            </ul>
                            <div class="comment-reply">
                                <div class="user-img">
                                    <img src="${pageContext.request.contextPath}/static/img/${sos.uimg}" alt="${sos.uname}" width="40" height="40">
                                </div>
                                <div class="input-box">
                                    <input type="text" name="comment" class="form-control" placeholder="你的回复...." id="wwww">
                                    <script>
                                        $("#wwww").keydown(function (even) {
                                            if(even.which==13){
                                                var a=$("#wwww").val();
                                                location.href="${pageContext.request.contextPath}/Blog/tjcomment?blogid=${blog.bid}&content="+a;
                                            }
                                        })
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                    </c:forEach>
                













                    <%--<div class="block-box post-view">--%>
                        <%--<div class="post-header">--%>
                            <%--<div class="media">--%>
                                <%--<div class="user-img">--%>
                                    <%--<img src="${pageContext.request.contextPath}/static/img/kj1.webp" alt="Aahat" width="44" height="44">--%>
                                <%--</div>--%>
                                <%--<div class="media-body">--%>
                                    <%--<div class="user-title"><a href="${pageContext.request.contextPath}/Directory/user-timeline">Jessica Rose</a> <i class="icofont-check"></i> and <a href="${pageContext.request.contextPath}/Directory/user-timeline">Aahat Akter <i class="icofont-check"></i> </a> are now friends</div>--%>
                                    <%--<ul class="entry-meta">--%>
                                        <%--<li class="meta-privacy"><i class="icofont-world"></i> Public</li>--%>
                                        <%--<li class="meta-time">3 Hrs ago</li>--%>
                                    <%--</ul>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="dropdown">--%>
                                <%--<button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">--%>
                                    <%--...--%>
                                <%--</button>--%>
                                <%--<div class="dropdown-menu dropdown-menu-right">--%>
                                    <%--<a class="dropdown-item" href="#">Close</a>--%>
                                    <%--<a class="dropdown-item" href="#">Edit</a>--%>
                                    <%--<a class="dropdown-item" href="#">Delete</a>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="post-body">--%>
                            <%--<div class="post-friends-view">--%>
                                <%--<div class="profile-thumb">--%>
                                    <%--<div class="cover-img">--%>
                                        <%--<img src="${pageContext.request.contextPath}/static/media/figure/post_2.jpg" alt="cover-pic">--%>
                                    <%--</div>--%>
                                    <%--<div class="media">--%>
                                        <%--<div class="profile-img">--%>
                                            <%--<a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/post_3.jpg" alt="profile"></a>--%>
                                        <%--</div>--%>
                                        <%--<div class="media-body">--%>
                                            <%--<div class="profile-name"><a href="#">Aahat Akter</a></div>--%>
                                            <%--<div class="user-name">@Aahat</div>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                    <%--<div class="block-box post-view">--%>
                        <%--<div class="post-header">--%>
                            <%--<div class="media">--%>
                                <%--<div class="user-img">--%>
                                    <%--<img src="${pageContext.request.contextPath}/static/media/figure/chat_13.jpg" alt="Aahat">--%>
                                <%--</div>--%>
                                <%--<div class="media-body">--%>
                                    <%--<div class="user-title"><a href="${pageContext.request.contextPath}/Directory/user-timeline">Julia Zessy</a> <i class="icofont-check"></i> uploaded <a href="#">10 new photos</a> </div>--%>
                                    <%--<ul class="entry-meta">--%>
                                        <%--<li class="meta-privacy"><i class="icofont-world"></i> Public</li>--%>
                                        <%--<li class="meta-time">10 mins ago</li>--%>
                                    <%--</ul>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="dropdown">--%>
                                <%--<button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">--%>
                                    <%--...--%>
                                <%--</button>--%>
                                <%--<div class="dropdown-menu dropdown-menu-right">--%>
                                    <%--<a class="dropdown-item" href="#">Close</a>--%>
                                    <%--<a class="dropdown-item" href="#">Edit</a>--%>
                                    <%--<a class="dropdown-item" href="#">Delete</a>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="post-body">--%>
                            <%--<p>Here are some of the photos from my last visit to Cox’s Bazar</p>--%>
                            <%--<ul class="post-img-list">--%>
                                <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/post_4.jpg" alt="Post"></a></li>--%>
                                <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/post_5.jpg" alt="Post"></a></li>--%>
                                <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/post_6.jpg" alt="Post"></a></li>--%>
                                <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/post_7.jpg" alt="Post"></a></li>--%>
                                <%--<li><a href="#" data-photo="+5"><img src="${pageContext.request.contextPath}/static/media/figure/post_8.jpg" alt="Post"></a></li>--%>
                            <%--</ul>--%>
                            <%--<div class="post-meta-wrap">--%>
                                <%--<div class="post-meta">--%>
                                    <%--<div class="post-reaction">--%>
                                        <%--<div class="reaction-icon">--%>
                                            <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="icon">--%>
                                            <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="icon">--%>
                                            <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="icon">--%>
                                        <%--</div>--%>
                                        <%--<div class="meta-text">25</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<div class="post-meta">--%>
                                    <%--<div class="meta-text">2 Comments</div>--%>
                                    <%--<div class="meta-text">05 Share</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="post-footer">--%>
                            <%--<ul>--%>
                                <%--<li class="post-react">--%>
                                    <%--<a href="#"><i class="icofont-thumbs-up"></i>React!</a>--%>
                                    <%--<ul class="react-list">--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="Like"></a></li>--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_4.png" alt="Like"></a></li>--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_7.png" alt="Like"></a></li>--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_6.png" alt="Like"></a></li>--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_5.png" alt="Like"></a></li>--%>
                                    <%--</ul>--%>
                                <%--</li>--%>
                                <%--<li><a href="#"><i class="icofont-comment"></i>Comment</a></li>--%>
                                <%--<li class="post-share">--%>
                                    <%--<a href="javascript:void(0);" class="share-btn"><i class="icofont-share"></i>Share</a>--%>
                                    <%--<ul class="share-list">--%>
                                        <%--<li><a href="#" class="color-fb"><i class="icofont-facebook"></i></a></li>--%>
                                        <%--<li><a href="#" class="color-messenger"><i class="icofont-facebook-messenger"></i></a></li>--%>
                                        <%--<li><a href="#" class="color-instagram"><i class="icofont-instagram"></i></a></li>--%>
                                        <%--<li><a href="#" class="color-whatsapp"><i class="icofont-brand-whatsapp"></i></a></li>--%>
                                        <%--<li><a href="#" class="color-twitter"><i class="icofont-twitter"></i></a></li>--%>
                                    <%--</ul>--%>
                                <%--</li>--%>
                            <%--</ul>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                    <%--<div class="block-box post-view">--%>
                        <%--<div class="post-header">--%>
                            <%--<div class="media">--%>
                                <%--<div class="user-img">--%>
                                    <%--<img src="${pageContext.request.contextPath}/static/media/figure/chat_8.jpg" alt="Aahat">--%>
                                <%--</div>--%>
                                <%--<div class="media-body">--%>
                                    <%--<div class="user-title"><a href="${pageContext.request.contextPath}/Directory/user-timeline">Abul Hassan</a> <i class="icofont-check"></i> posted in the group <a href="${pageContext.request.contextPath}/Directory/user-single-group">Kito Development</a> </div>--%>
                                    <%--<ul class="entry-meta">--%>
                                        <%--<li class="meta-privacy"><i class="icofont-world"></i> Public</li>--%>
                                        <%--<li class="meta-time">10 mins ago</li>--%>
                                    <%--</ul>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="dropdown">--%>
                                <%--<button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">--%>
                                    <%--...--%>
                                <%--</button>--%>
                                <%--<div class="dropdown-menu dropdown-menu-right">--%>
                                    <%--<a class="dropdown-item" href="#">Close</a>--%>
                                    <%--<a class="dropdown-item" href="#">Edit</a>--%>
                                    <%--<a class="dropdown-item" href="#">Delete</a>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="post-body">--%>
                            <%--<p>This is a dream come true, thanks to all for the support!!!</p>--%>
                            <%--<div class="post-video">--%>
                                <%--<img src="${pageContext.request.contextPath}/static/media/figure/post_9.jpg" alt="Post">--%>
                                <%--<a href="#" class="video-btn"><i class="icofont-ui-play"></i></a>--%>
                            <%--</div>--%>
                            <%--<div class="post-meta-wrap">--%>
                                <%--<div class="post-meta">--%>
                                    <%--<div class="post-reaction">--%>
                                        <%--<div class="reaction-icon">--%>
                                            <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="icon">--%>
                                            <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="icon">--%>
                                            <%--<img src="${pageContext.request.contextPath}/static/media/figure/reaction_3.png" alt="icon">--%>
                                        <%--</div>--%>
                                        <%--<div class="meta-text">50</div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                                <%--<div class="post-meta">--%>
                                    <%--<div class="meta-text">5 Comments</div>--%>
                                    <%--<div class="meta-text">02 Share</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="post-footer">--%>
                            <%--<ul>--%>
                                <%--<li class="post-react">--%>
                                    <%--<a href="#"><i class="icofont-thumbs-up"></i>React!</a>--%>
                                    <%--<ul class="react-list">--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_1.png" alt="Like"></a></li>--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_4.png" alt="Like"></a></li>--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_2.png" alt="Like"></a></li>--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_7.png" alt="Like"></a></li>--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_6.png" alt="Like"></a></li>--%>
                                        <%--<li><a href="#"><img src="${pageContext.request.contextPath}/static/media/figure/reaction_5.png" alt="Like"></a></li>--%>
                                    <%--</ul>--%>
                                <%--</li>--%>
                                <%--<li><a href="#"><i class="icofont-comment"></i>Comment</a></li>--%>
                                <%--<li class="post-share">--%>
                                    <%--<a href="javascript:void(0);" class="share-btn"><i class="icofont-share"></i>Share</a>--%>
                                    <%--<ul class="share-list">--%>
                                        <%--<li><a href="#" class="color-fb"><i class="icofont-facebook"></i></a></li>--%>
                                        <%--<li><a href="#" class="color-messenger"><i class="icofont-facebook-messenger"></i></a></li>--%>
                                        <%--<li><a href="#" class="color-instagram"><i class="icofont-instagram"></i></a></li>--%>
                                        <%--<li><a href="#" class="color-whatsapp"><i class="icofont-brand-whatsapp"></i></a></li>--%>
                                        <%--<li><a href="#" class="color-twitter"><i class="icofont-twitter"></i></a></li>--%>
                                    <%--</ul>--%>
                                <%--</li>--%>
                            <%--</ul>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                    <%--<c:if test="${page.curPage==page.pageCount}">--%>
                    <%--<span>下一页<span>--%>
                    <%--<span>|</span>--%>
                    <%--<span>末页</span>--%>
                <%--</c:if>--%>
                <%--<c:if test="${page.curPage!=page.pageCount}">--%>
                    <%--<a href="${pageContext.request.contextPath}/list1?curPage=${page.curPage+1}">下一页</a>--%>
                    <%--<span>|</span>--%>
                    <%--<a href="${pageContext.request.contextPath}/list1?curPage=${page.pageCount}">末页</a>--%>
                <%--</c:if>--%>
                <c:if test="${page.curPage!=page.pageCount}">
                    <div class="block-box load-more-btn">
                        <a href="${pageContext.request.contextPath}/Blog/FilrendBlog?curPage=${page.curPage+1}" class="item-btn"><i class="icofont-refresh"></i>点击，加载更多！</a>
                    </div>
                </c:if>
                    <c:if test="${page.curPage==page.pageCount}">
                        <div class="block-box load-more-btn">
                            <a href="${pageContext.request.contextPath}/Blog/FilrendBlog?curPage=${page.curPage+1-1}" class="item-btn"><i class="icofont-refresh"></i>你关注的博客已看尽！</a>
                        </div>
                    </c:if>
                </div>


                <div class="col-lg-4 widget-block widget-break-lg">
                    <div class="widget widget-author">
                        <div class="author-heading">
                            <div class="cover-img">
                                <img src="${pageContext.request.contextPath}/static/media/figure/shape_12.jpg" alt="cover">
                            </div>
                            <div class="profile-img">
                                <a href="#">
                                    <img src="${pageContext.request.contextPath}/static/img/${sos.uimg}" style="width: 100px;" alt="author">
                                </a>
                            </div>
                            <div class="profile-name">
                                <h4 class="author-name"><a href="#">${sos.uname}</a></h4>
                                <div class="author-location">${sos.ublog}</div>
                            </div>
                        </div>
                        <ul class="author-badge">
                            <li><a href="#" class="bg-salmon-gradient"><i class="icofont-star"></i></a></li>
                            <li><a href="#" class="bg-amethyst-gradient"><i class="icofont-ui-play"></i></a></li>
                            <li><a href="#" class="bg-sun-gradient"><i class="icofont-squirrel"></i></a></li>
                            <li><a href="#" class="profile-circle">+5</a></li>
                        </ul>
                        <ul class="author-statistics">
                            <li>
                                <a href="#"><span class="item-number">${sos.uposts}</span> <span class="item-text">帖子</span></a>
                            </li>
                            <li>
                                <a href="#"><span class="item-number">${sos.ucomments}</span> <span class="item-text">评论</span></a>
                            </li>

                        </ul>
                    </div>
                    <div class="widget widget-memebers">
                        <div class="widget-heading">
                            <h3 class="widget-title">Members</h3>
                            <div class="dropdown">
                                <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                    ...
                                </button>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a class="dropdown-item" href="#">Close</a>
                                    <a class="dropdown-item" href="#">Edit</a>
                                    <a class="dropdown-item" href="#">Delete</a>
                                </div>
                            </div>
                        </div>
                        <ul class="nav nav-tabs" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#newest-member" role="tab" aria-selected="true">NEWEST</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#popular-member" role="tab" aria-selected="false">POPULAR</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#active-member" role="tab" aria-selected="false">ACTIVE</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="newest-member" role="tabpanel">
                                <div class="members-list">
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/figure/chat_1.jpg" alt="Chat">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Aahat Akter</a></h4>
                                            <div class="item-username">@Aahat </div>
                                            <div class="member-status online"><i class="icofont-check"></i></div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/figure/chat_2.jpg" alt="Chat">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Kazi Rahman</a></h4>
                                            <div class="item-username">@Rahman</div>
                                            <div class="member-status online"><i class="icofont-check"></i></div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/figure/chat_3.jpg" alt="Chat">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Alia Karon</a></h4>
                                            <div class="item-username">@Alia</div>
                                            <div class="member-status online"><i class="icofont-check"></i></div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/figure/chat_4.jpg" alt="Chat">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Masterero</a></h4>
                                            <div class="item-username">@Master</div>
                                            <div class="member-status offline"><i class="icofont-check"></i></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="popular-member" role="tabpanel">
                                <div class="members-list">
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/figure/chat_1.jpg" alt="Chat">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Aahat Akter</a></h4>
                                            <div class="item-username">@Aahat </div>
                                            <div class="member-status online"><i class="icofont-check"></i></div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/figure/chat_2.jpg" alt="Chat">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Kazi Rahman</a></h4>
                                            <div class="item-username">@Rahman</div>
                                            <div class="member-status online"><i class="icofont-check"></i></div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/figure/chat_3.jpg" alt="Chat">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Alia Karon</a></h4>
                                            <div class="item-username">@Alia</div>
                                            <div class="member-status online"><i class="icofont-check"></i></div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/figure/chat_4.jpg" alt="Chat">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Masterero</a></h4>
                                            <div class="item-username">@Master</div>
                                            <div class="member-status offline"><i class="icofont-check"></i></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="active-member" role="tabpanel">
                                <div class="members-list">
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/figure/chat_1.jpg" alt="Chat">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Aahat Akter</a></h4>
                                            <div class="item-username">@Aahat </div>
                                            <div class="member-status online"><i class="icofont-check"></i></div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/figure/chat_2.jpg" alt="Chat">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Kazi Rahman</a></h4>
                                            <div class="item-username">@Rahman</div>
                                            <div class="member-status online"><i class="icofont-check"></i></div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/figure/chat_3.jpg" alt="Chat">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Alia Karon</a></h4>
                                            <div class="item-username">@Alia</div>
                                            <div class="member-status online"><i class="icofont-check"></i></div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/figure/chat_4.jpg" alt="Chat">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Masterero</a></h4>
                                            <div class="item-username">@Master</div>
                                            <div class="member-status offline"><i class="icofont-check"></i></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="widget widget-groups">
                        <div class="widget-heading">
                            <h3 class="widget-title">Groups</h3>
                            <div class="dropdown">
                                <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                    ...
                                </button>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a class="dropdown-item" href="#">Close</a>
                                    <a class="dropdown-item" href="#">Edit</a>
                                    <a class="dropdown-item" href="#">Delete</a>
                                </div>
                            </div>
                        </div>
                        <ul class="nav nav-tabs" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#active-group" role="tab" aria-selected="true">ACTIVE</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#popular-group" role="tab" aria-selected="false">POPULAR</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#newest-group" role="tab" aria-selected="false">NEWEST</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="active-group" role="tabpanel">
                                <div class="group-list">
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/groups/groups_9.jpg" alt="group">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Kito Development</a></h4>
                                            <div class="item-member">265 Members</div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/groups/groups_10.jpg" alt="group">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Chef Express</a></h4>
                                            <div class="item-member">4,265 Members</div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/groups/groups_11.jpg" alt="group">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Photo Contest</a></h4>
                                            <div class="item-member">1,265 Members</div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/groups/groups_12.jpg" alt="group">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">WP Developers</a></h4>
                                            <div class="item-member">265 Members</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="popular-group" role="tabpanel">
                                <div class="group-list">
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/groups/groups_9.jpg" alt="group">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Kito Development</a></h4>
                                            <div class="item-member">265 Members</div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/groups/groups_10.jpg" alt="group">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Chef Express</a></h4>
                                            <div class="item-member">4,265 Members</div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/groups/groups_11.jpg" alt="group">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Photo Contest</a></h4>
                                            <div class="item-member">1,265 Members</div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/groups/groups_12.jpg" alt="group">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">WP Developers</a></h4>
                                            <div class="item-member">265 Members</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="newest-group" role="tabpanel">
                                <div class="group-list">
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/groups/groups_9.jpg" alt="group">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Kito Development</a></h4>
                                            <div class="item-member">265 Members</div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/groups/groups_10.jpg" alt="group">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Chef Express</a></h4>
                                            <div class="item-member">4,265 Members</div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/groups/groups_11.jpg" alt="group">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">Photo Contest</a></h4>
                                            <div class="item-member">1,265 Members</div>
                                        </div>
                                    </div>
                                    <div class="media">
                                        <div class="item-img">
                                            <a href="#">
                                                <img src="${pageContext.request.contextPath}/static/media/groups/groups_12.jpg" alt="group">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="item-title"><a href="#">WP Developers</a></h4>
                                            <div class="item-member">265 Members</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="widget widget-banner">
                        <h3 class="item-title">Most Popular</h3>
                        <div class="item-subtitle">Circle Application</div>
                        <a href="#" class="item-btn">
                            <span class="btn-text">Register Now</span>
                            <span class="btn-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="10px">
                                        <path fill-rule="evenodd" d="M16.671,9.998 L12.997,9.998 L16.462,6.000 L5.000,6.000 L5.000,4.000 L16.462,4.000 L12.997,0.002 L16.671,0.002 L21.003,5.000 L16.671,9.998 ZM17.000,5.379 L17.328,5.000 L17.000,4.621 L17.000,5.379 ZM-0.000,4.000 L3.000,4.000 L3.000,6.000 L-0.000,6.000 L-0.000,4.000 Z" />
                                    </svg>
                                </span>
                        </a>
                        <div class="item-img">
                            <img src="${pageContext.request.contextPath}/static/media/figure/widget_banner_1.png" alt="banner">
                        </div>
                    </div>
                    <div class="widget widget-memebers widget-activity">
                        <div class="widget-heading">
                            <h3 class="widget-title">Friends Activity</h3>
                            <div class="dropdown">
                                <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                    ...
                                </button>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a class="dropdown-item" href="#">Close</a>
                                    <a class="dropdown-item" href="#">Edit</a>
                                    <a class="dropdown-item" href="#">Delete</a>
                                </div>
                            </div>
                        </div>
                        <div class="activity-list">
                            <div class="media">
                                <div class="item-img">
                                    <a href="#">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/chat_10.jpg" alt="Chat">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h4 class="item-title">
                                        <a href="#" class="author-name">Aahat Akter</a>
                                        commented on Destroy Dex's
                                        <a href="#" class="activity-link">Photo</a>
                                    </h4>
                                    <div class="activity-time">20 minutes ago</div>
                                </div>
                            </div>
                            <div class="media">
                                <div class="item-img">
                                    <a href="#">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/chat_8.jpg" alt="Chat">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h4 class="item-title">
                                        <a href="#" class="author-name">Neko Bebop</a>
                                        liked Marina
                                        <a href="#" class="activity-link">状态</a>
                                    </h4>
                                    <div class="activity-time">15 minutes ago</div>
                                </div>
                            </div>
                            <div class="media">
                                <div class="item-img">
                                    <a href="#">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/chat_1.jpg" alt="Chat">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h4 class="item-title">
                                        <a href="#" class="author-name">Neko Bebop</a>
                                        commented on Destroy Dex's
                                        <a href="#" class="activity-link">照片</a>
                                    </h4>
                                    <div class="activity-time">20 minutes ago</div>
                                </div>
                            </div>
                            <div class="media">
                                <div class="item-img">
                                    <a href="#">
                                        <img src="${pageContext.request.contextPath}/static/media/figure/chat_6.jpg" alt="Chat">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h4 class="item-title">
                                        <a href="#" class="author-name">Neko Bebop</a>
                                        commented on Destroy Dex's
                                        <a href="#" class="activity-link">Photo</a>
                                    </h4>
                                    <div class="activity-time">20 minutes ago</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--=====================================-->
        <!--=        Footer Area Start       	=-->
        <!--=====================================-->
        <footer class="footer-wrap footer-dashboard">
            <div class="main-footer">
                <div class="container">
                    <div class="row row-cols-lg-4 row-cols-sm-2 row-cols-1">
                        <div class="col">
                            <div class="footer-box">
                                <div class="footer-logo">
                                    <a href="${pageContext.request.contextPath}/Directory/index"><img src="${pageContext.request.contextPath}/static/media/logo_dark.png" alt="Logo"></a>
                                </div>
                                <p>Dorem ipsum dolor sit amet consec adipisicing elit sed do eiusmod por incidiut labore et loreLorem ipsum kelly amieo dolorey.</p>
                            </div>
                        </div>
                        <div class="col d-flex justify-content-lg-center">
                            <div class="footer-box">
                                <h3 class="footer-title">
                                    Important Links
                                </h3>
                                <div class="footer-link">
                                    <ul>
                                        <li><a href="${pageContext.request.contextPath}/Directory/index">Home</a></li>
                                        <li><a href="${pageContext.request.contextPath}/Directory/about-u
s">About us</a></li>
                                        <li><a href="${pageContext.request.contextPath}/Directory/shop">Shop</a></li>
                                        <li><a href="${pageContext.request.contextPath}/Directory/contact">Contacts</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col d-flex justify-content-lg-center">
                            <div class="footer-box">
                                <h3 class="footer-title">
                                    Community
                                </h3>
                                <div class="footer-link">
                                    <ul>
                                        <li><a href="${pageContext.request.contextPath}/Directory/newsfeed">NewsFeed</a></li>
                                        <li><a href="${pageContext.request.contextPath}/Directory/user-timeline">Profile</a></li>
                                        <li><a href="${pageContext.request.contextPath}/Directory/user-friends">Friends</a></li>
                                        <li><a href="${pageContext.request.contextPath}/Directory/user-groups">Groups</a></li>
                                        <li><a href="${pageContext.request.contextPath}/Directory/forums">
                                            ">Forums</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col d-flex justify-content-lg-center">
                            <div class="footer-box">
                                <h3 class="footer-title">
                                    Followers
                                </h3>
                                <div class="footer-link">
                                    <ul>
                                        <li><a href="https://www.facebook.com/">facebook</a></li>
                                        <li><a href="https://twitter.com/">twitter</a></li>
                                        <li><a href="https://www.instagram.com/">instagram</a></li>
                                        <li><a href="https://www.youtube.com/">Youtube</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="footer-copyright">Copy© cirkle 2021. All Rights By <a href="http://www.bootstrapmb.com/">bootstrapmb</a></div>
            </div>
        </footer>



    </div>
    <!-- Chat Modal Here -->
    <%@include file="lt.jsp" %>
</div>
<!-- Jquery Js -->
<script src="${pageContext.request.contextPath}/static/dependencies/jquery/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/static/dependencies/popper.js/js/popper.min.js"></script>
<script src="${pageContext.request.contextPath}/static/dependencies/bootstrap/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/static/dependencies/imagesloaded/js/imagesloaded.pkgd.min.js"></script>
<script src="${pageContext.request.contextPath}/static/dependencies/isotope-layout/js/isotope.pkgd.min.js"></script>
<script src="${pageContext.request.contextPath}/static/dependencies/slick-carousel/js/slick.min.js"></script>
<script src="${pageContext.request.contextPath}/static/dependencies/sal.js/sal.js"></script>
<script src="${pageContext.request.contextPath}/static/dependencies/magnific-popup/js/jquery.magnific-popup.min.js"></script>
<script src="${pageContext.request.contextPath}/static/dependencies/mcustomscrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="${pageContext.request.contextPath}/static/dependencies/select2/js/select2.min.js"></script>
<script src="${pageContext.request.contextPath}/static/dependencies/elevate-zoom/jquery.elevatezoom.js"></script>
<script src="${pageContext.request.contextPath}/static/dependencies/bootstrap-validator/js/validator.min.js"></script>
<script src="http://www.google.cn/maps/api/js?key=AIzaSyBtmXSwv4YmAKtcZyyad9W7D4AC08z0Rb4"></script>

<!-- Site Scripts -->
<script src="${pageContext.request.contextPath}/static/assets/js/app.js"></script>

</body>

</html>
